.browse-history {
  height: calc(100vh - env(safe-area-inset-bottom));
  overflow: hidden;
  position: relative;

  .browse-history-header {
    width: 100vw;
    height: 80rpx;
    background-color: white;
    line-height: 80rpx;
    text-align: right;
    box-sizing: border-box;
    padding-right: 50rpx;
    font-size: 30rpx;
  }

  .browse-history-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30%;

    .browse-history-empty-image {
      width: 160px;
      height: 160px;
    }

    .browse-history-empty-description {
      color: #969799;
      font-size: 14px;
      line-height: 20px;
      margin-top: 16px;
      padding: 0 60px;
    }
  }

  .browse-history-scroll-view-bottom {
    height: 20rpx;
  }

  .browse-history-modify-panel {
    position: absolute;
    height: 100rpx;
    background-color: white;
    width: 100vw;
    bottom: 0;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-left: 26rpx;

    .browse-history-modify-panel-select-all-button {
      .browse-history-modify-panel-select-all-button-label-class {
        font-size: 22rpx;
        color: #313131;
      }
    }

    .browse-history-modify-panel-delete-button {
      background-color: #00bfe6;
      height: 70rpx;
      line-height: 70rpx;
      width: 370rpx;
      text-align: center;
      color: #fff;
      border-radius: 40rpx;
      margin-left: auto;
      margin-right: 20rpx;
      font-size: 26rpx;
      /* 新增过渡效果，让样式变化更平滑 */
      transition: all 0.2s ease;
    }

    .browse-history-modify-panel-delete-button-hover {
      /* 背景色加深，模拟按压效果 */
      background-color: #00a0cc;
      /* 轻微缩小，增强点击反馈 */
      transform: scale(0.98);
      /* 可选：添加阴影变化 */
      box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
    }
  }
}